<%@page contentType="text/html"%>
<%@page pageEncoding="UTF-8"%>
<%@taglib uri="http://java.sun.com/jsf/core" prefix="f" %>
<%@taglib uri="http://java.sun.com/jsf/html" prefix="h" %>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <title>Edición de Datos Personales</title>
        <link href="<%=request.getContextPath()%>/css/style.css" rel="stylesheet" type="text/css" media="screen">        
    </head>
    <body>
        <f:view>
            <%@ include file="/barra.jsp" %>
            
            <table width="1242" border="0">
                <tr>
                    <td width="21%" align="left" valign="top">
                        <!-- Divisor del Contenido Principal -->
                        <div id="siteName">                        </div>
                        <div id="content"> 
                            <div class="feature">
                                <jsp:directive.include file="/welcomeJSF.jsp" />
                            </div> 
                        </div> 
                        
                    <!-- Fin del Contenido Principal -->                  </td>
                    <td width="79%" align="left" valign="top">
                        <h:messages errorStyle="color: red" infoStyle="color: green" layout="table"/>
                        <h1>Edición de Datos Personales</h1>
                        <h:form>
                            <h:panelGrid columns="2">
                                <h:outputText styleClass="label" value="Nombres(*):"/>
                                <h:inputText id="nombres" value="#{datospersonales.datospersonales.nombres}" title="Nombres" required="true" requiredMessage="El campo 'Nombres' es requerido." />
                                <h:outputText styleClass="label" value="Apellidos(*):"/>
                                <h:inputText id="apellidos" value="#{datospersonales.datospersonales.apellidos}" title="Apellidos" required="true" requiredMessage="El campo 'Apellidos' es requerido." />
                                <h:outputText styleClass="label" value="Nro. de documento(*):"/>
                                <h:inputText id="nrodocumento" value="#{datospersonales.datospersonales.nrodocumento}" title="Nro. de Documento" required="true" requiredMessage="El campo 'Nro. de Documento' es requerido." />
                                <h:outputText styleClass="label" value="Fecha de Nacimiento (dd/mm/yyyy):"/>
                                <h:inputText readonly="true" id="fechaNacimiento" value="#{datospersonales.datospersonales.fechaNacimiento}" title="FechaNacimiento" >
                                    <f:convertDateTime type="DATE" pattern="dd/MM/yyyy" />
                                </h:inputText>
                                <h:outputText styleClass="label" value="Dirección:"/>
                                <h:inputText id="direccion" value="#{datospersonales.datospersonales.direccion}" title="Dirección" />
                                <h:outputText styleClass="label" value="e-mail(*):"/>
                                <h:inputText id="email" value="#{datospersonales.datospersonales.email}" title="Dirección de Correo Electrónico" required="true" requiredMessage="El campo 'e-mail' es requerido." />
                                <h:outputText styleClass="label" value="Teléfono:"/>
                                <h:inputText id="telefono" value="#{datospersonales.datospersonales.telefono}" title="Teléfono" />
                                <h:outputText styleClass="label" value="Sexo:"/>
                                <h:inputText readonly="true" id="sexo" value="#{datospersonales.datospersonales.sexo}" title="Sexo" />
                                <h:outputText styleClass="label" value="Observaciones:"/>
                                <h:inputText id="observacion" value="#{datospersonales.datospersonales.observacion}" title="Observaciones hasta 200 caractéres" />
                            </h:panelGrid>
                            <br>
                            <b>"Los campos marcados con (*) son obligatorios"</b>
                            <br />
                            <h:commandLink styleClass="boton" action="#{datospersonales.editSolicitante}" value="[Guardar]">
                                <f:param name="jsfcrud.currentDatospersonales" value="#{datospersonales.asString[datospersonales.datospersonales]}"/>
                            </h:commandLink>
                        </h:form>
                    </td>
                </tr>    
            </table>
            
            <%@ include file="/footer.jsp" %>
            
        </f:view>
    </body>
</html>
